<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8" />
        <title>Đăng Nhập</title>        
        <!-- Our CSS stylesheet file -->
        <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/style.css" />
        <script type="text/javascript">
        var RecaptchaOptions = {
        	    theme : 'white'
        	 };
        </script>
</head>
<body>
		<div id="login">
		<h2><span class="fontawesome-lock"></span>Sign In</h2>

		<form action="<c:url value='/j_spring_security_check' />" method="POST">

			<fieldset>

				<p><label for="email">Username</label></p>
				<p><input name="j_username" type="text" id="email" value="admin" onBlur="if(this.value=='')this.value='UserName'" onFocus="if(this.value=='UserName')this.value=''"></p> <!-- JS because of IE support; better: placeholder="mail@address.com" -->

				<p><label for="password">Password</label></p>
				<p><input name="j_password" type="password" id="password" value="password" onBlur="if(this.value=='')this.value='Password'" onFocus="if(this.value=='password')this.value=''"></p> <!-- JS because of IE support; better: placeholder="password" -->

				<script type="text/javascript"
			       src="http://www.google.com/recaptcha/api/challenge?k=6Le19PYSAAAAAGJrqTxdYZaGeCMQRRZ2T5vnFB9o">
			    </script>
			    <noscript>
			       <iframe src="http://www.google.com/recaptcha/api/noscript?k=6Le19PYSAAAAAGJrqTxdYZaGeCMQRRZ2T5vnFB9o"
			           height="300" width="500" frameborder="1"></iframe><br>
			       <textarea name="recaptcha_challenge_field" rows="3" cols="40">
			       </textarea>
			       <input type="hidden" name="recaptcha_response_field"
			           value="manual_challenge">
			    </noscript>		
				<p><input type="submit" value="Sign In"></p>
			</fieldset>
		</form>
	</div> <!-- end login -->
		
		<c:if test="${not empty msg}">
			<div class="msg">${msg}</div>
		</c:if>
		<c:if test="${not empty error}">
			<div class="error">${error}</div>
		</c:if>
	<!--  
		<div id="formContainer">	
			<form name='loginForm' id="login" method="post" action="<c:url value='/j_spring_security_check' />">
				<a href="#" id="flipToRecover" class="flipLink">Forgot?</a>
				<input type="text" name="j_username" id="loginEmail" placeholder="Username"/>
				<input type="password" name="j_password" id="loginPass" placeholder="Password" />
				<input type="submit" name="submit" value="Login" />
				
				<script type="text/javascript"
			       src="http://www.google.com/recaptcha/api/challenge?k=6Le19PYSAAAAAGJrqTxdYZaGeCMQRRZ2T5vnFB9o">
			    </script>
			    <noscript>
			       <iframe src="http://www.google.com/recaptcha/api/noscript?k=6Le19PYSAAAAAGJrqTxdYZaGeCMQRRZ2T5vnFB9o"
			           height="300" width="500" frameborder="1"></iframe><br>
			       <textarea name="recaptcha_challenge_field" rows="3" cols="40">
			       </textarea>
			       <input type="hidden" name="recaptcha_response_field"
			           value="manual_challenge">
			    </noscript>				

			</form>
			<form id="recover" method="post" action="forgot">
				<a href="#" id="flipToLogin" class="flipLink">Forgot?</a>
				<input type="text" name="recoverEmail" id="recoverEmail" value="Email" />
				<input type="submit" name="submit" value="Recover" />
			</form>
		</div>
		
		<c:if test="${not empty error}">
			<div class="error">${error} </div>
		</c:if>
		
        <footer>
	        <h2><i>Internet Banking</i> CSC Bank</h2>
        </footer>
      	-->  
        <!-- JavaScript includes -->
		<!--<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script src="${pageContext.request.contextPath}/assets/js/script.js"></script>
		-->
</body>
</html>